 // 上拉加载
 $(function () {
  // 页数
  var page = 0;
  // 每页展示5个
  var size = 5;

  // dropload
  $('body').dropload({
    scrollArea: window,
    domDown:{
      domClass : 'dropload-down',
      domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
      domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
      domNoData : '<div class="dropload-noData">没有了哦</div>'
    },
    loadDownFn: function (me) {
      page++;
      // 拼接HTML
      var result = '';
      $.ajax({
        type: 'GET',
        // url: 'http://ons.me/tools/dropload/json.php?page=' + page + '&size=' + size,
        url: '001.json',
        dataType: 'json',
        success: function (data) {
          var arrLen = data.lists.length;
          console.log(arrLen)
          if (arrLen > 0 && page <= 5) {
            for (var i = 0; i < arrLen; i++) {
              result += '<li>' + data.lists[i].date + '</li>';
            }
            // 如果没有数据
          } else {
            // 锁定
            me.lock();
            // 无数据
            me.noData();
          }
          // 为了测试，延迟1秒加载
          setTimeout(function () {
            // 插入数据到页面，放到最后面
            $('ul').append(result);
            // 每次数据插入，必须重置
            me.resetload();
          }, 1000);
        },
        error: function (xhr, type) {
          alert('Ajax error!');
          // 即使加载出错，也得重置
          me.resetload();
        }
      });
    }
  });
});